<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="container"></div>
</body>
<script src="itcast.js"></script>
<script>
    var lis = 'web前端,java,php,.net,IOS,大数据,c++,c语言,javascript,jQuery'.split(',');
    var html = '<ul>' + F.map( lis, function ( v, i ) {
                return '<li>' + v + '</li>';
            }).join( '' ) + '</ul>';
//    console.log(html);
//    console.log(new F( '#container' )[ 0 ]);
    new F( '#container' )[ 0 ].innerHTML = html;

    new F( '#container ul li' ).each( function ( i, v ) {
        v.onmouseover = function () {
            this.style.backgroundColor = 'red';
        };
    }).each(function () {
        this.onmouseout = function () {
            this.style.backgroundColor = '';
        };
    });
</script>
</html>